<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器的使用方法</title>
  <script src="../Vue.js"></script>

</head>
<body>
<div id="app">
<!--  要替换的信息也可以通过括号传递过去-->
<!--  也可以定义多个正则表达式-->
  <p>{{msg  | msgkey('山村') | key }}</p>
</div>

<script>
    //在这里定义一个过滤器
    Vue.filter('msgkey',function(msg  , msg2){
      //replace中的第一个参数可以是字符串 也可以是一个正则表达式
      //如果是一个字符串 那么它只会替换掉第一个匹配到的字符
      //使用正则表达式可以全部替换
      return msg.replace(/世界/g , msg2)
    });

    Vue.filter('key',function(msg){
      //replace中的第一个参数可以是字符串 也可以是一个正则表达式
      //如果是一个字符串 那么它只会替换掉第一个匹配到的字符
      //使用正则表达式可以全部替换
      return msg + '======';
    });



    new Vue({
    el: '#app',
    data : {
      msg: '这个世界上 有没有世界上没有的 世界呢，'
    },

  })
</script>
</body>
</html>
